*{
    margin: 0px;
    padding: 0px;
}
body{
    background-image: url(../images/pt2.jpg);
}
.top-first{
    width: 1002px;
    height: 78px;
    margin: 0px auto;
   
    position: relative;
    img{
        margin-top: 17px;
    }
    span{
        display: block;
        font-size: 22px;
        color: #777;
        width: 98px;
        height: 33px;
        font-family: 微软雅黑;
        position: absolute;
        left: 200px;
        top: 25px;
    }
}
.middle-login{
    width: 1002px;
    height: 533px;
    margin: 0px auto;
    
    .middle-login-logo{
        width: 688px;
        height: 533px;
        float: left;
        img{
           
           opacity: 0.8;
           margin-left: 60px;
        }
      
    }
    .middle-login-p{
        width: 314px;
        height: 533px;
        position: relative;
        float: right;
        .wp{
            font-size: 23px;
            color: #EA5E00;
            font-weight: bold; 
            width: 300px; 
            height: 32px;
        } 
        .username{
            width: 239px;
            height: 32px;
            border-radius: 4px;
            border: 1px solid #8c8c8c;
            margin-top: 20px;
            color: #8B8B8B;
            line-height: 32px;
        }
        .password{
            width: 239px;
            height: 32px;
            border-radius: 4px;
            border: 1px solid #8C8C8C;
            margin-top: 20px;
            color: #8B8B8B;
            line-height: 32px;
        }
        .code{
            width: 108px;
            height: 32px;
            border-radius: 4px;
            border: 1px solid #8C8C8C;
            margin-top: 40px;
            color: #8B8B8B;
            line-height: 32px;
        }
        .img-t{
            width: 130px;
            height: 61px;
            border: none;
            position: absolute;
            top: 170px;
            left: 120px;
            
        }
        .wp1{
            display: block;
            width: 25px;
            height: 26px;
            position: absolute;
            top: 185px;
            left: 256px;
        }
        .check{
            margin-top: 40px;
           
        }
        .wpt-1{
            font-size: 12px;
            text-decoration: none;
            margin-left: 70px;
            color: #8C8C8C;
            &:hover{
                text-decoration: underline;
            }
        }
        span{
            font-size: 12px;
            
        }
       .tab{
           width: 90px;
           height: 40px;
           background: #CA141D;
           border: none;
           color: #FFFFFF;
           font-size: 18px;
           font-weight: 700;
           position: absolute;
           top: 300px;
           font-weight: 700;
           border-radius: 3px;
           font-weight: 700;
       }
      
       .wp2{
          width: 253px;
          height: 32px;
          line-height: 32px;
          position: absolute;
          top: 370px;
          font-size: 12px;
          color: #5c5c5c;
          a{
              color: #EA5E00;
              font-size: 14px;
              font-weight: 700;
              text-decoration: none;
              &:hover{
                  text-decoration: underline;
              }
          }
       }
       .text{
           width: 253px;
           height: 64px;
           font-size: 12px;
           color: #5C5C5C;
           position: absolute;
           top: 425px;
           left: 0px;
       }
    }
}
.tcl{
    width: 945px;
    height: 20px;
    margin: 0px auto;
    border-bottom: solid 1px #777;
}
.mei{
    width: 1002px;
    height: 40px;
    margin: 0px auto;
    p{
        height: 20px;
        text-align: center;
        font-size: 12px;
        color: #5C5C5C;
        a{
            font-size: 12px;
            color: #5C5C5C;
           
        }
    }
}

